<script lang="ts" setup>
import { useRoute } from "vue-router";
import BottomBar from "./components/bottom-bar.vue";

const route = useRoute();
const single = route.query.single as any as boolean | undefined;
</script>

<template>
  <div class="h-screen flex flex-col bg-white">
    <div class="flex-grow bg-gray-1 of-y-auto">
      <router-view v-slot="{ Component }">
        <keep-alive>
          <component :is="Component" :key="$route.fullPath" />
        </keep-alive>
      </router-view>
    </div>
    <BottomBar v-if="!single" class="flex-shrink-0" />
  </div>
</template>
